/* 
    Document   : my_goal_style
    Created on : 10.02.2013, 10:06:24
    Author     : alex
    Description:
        Purpose of the stylesheet follows.
*/


#content {
    width: 760px !important;
    margin-left: 0;
    margin-right: 146px;
    padding: 5px 0;
}

#goal_description {
    padding: 10px 0 0 0;
    width: 375px;
    margin-right: 10px;
    float: left;
}

.goal_description {
    
}

#goal_media {
    padding: 10px 0;
    width: 375px;
    float: right;
    /*margin-left: 385px;*/
}

#goal_description, #goal_media {
    margin-bottom: 15px;
}

.setting_bar {
    position: absolute;
    z-index: 99;
    width: 130px;
    right: 0;
    top: 34px;
    background-color: #3B5998;
    padding: 7px 3px;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
/*        transition: all 0.5s ease-in;
        -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        -ms-transition: all 0.5s ease-in;*/
}

.setting_bar:hover, .setting_bar:focus {
    height: 40px;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
}

.setting_bar #social {
    position: absolute;
    bottom: 13px;
    right: 10px;
    display: none;
}

.setting_bar:hover #social {
    display: block;
}

.edite_goal_window {
    
}

.share_goal_window {
    
    
}

#social a {
    text-align: center;
}

#social img {
    border-radius: 5px;
    width: 22px;
    height: 22px;
}

.spectator_goal_window {
    
}

a .share_facebook {
    
}

.share_facebook {
    
}

.share_twitter {
    
}

.share_vk {
    
}

.goal_description_name {
    display: block;
    text-align: center;
    color: #474747;
    font-size: 12pt;
    padding: 4px 0;
    border-bottom: 1px solid rgba(102,102,102,0.5);
}

.goal_interval {
    text-align: center;
    padding: 4px 0;
    font-size: 8pt;
    margin: 4px 0;
}

#date_start {
    padding-right: 10px;
}

#date_stop {
    padding-left: 10px;
}

.goal_specification, .goal_description_list, .goal_report {
    border-radius: 10px 0 10px 0;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    border: 2px solid #3B5998;
    margin-bottom: 5px;
}

.goal_specification p {
    padding: 5px 3px;
    margin: 5px 2px;
    font-size: 10pt;
    text-indent: 15px;
    color: #666666;
}

.goal_description_list {
    font-size: 10pt;
    color: #666666;
}

.goal_description_list ol {
    list-style: none;
    counter-reset: items;
}

.goal_description_list > ol, .goal_description_list > ol > li > ol {
    padding-left: 10px;
}

.goal_description_list li:before {
    counter-increment: items;
    content: counters(items, '.') '. ';
}

.goal_description_list li {
    cursor: pointer;
}

.goal_description_list > ol > li:hover {
    background-color: rgba(102,102,102,0.25);
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.goal_description_inner_list {
    padding: 3px 0 3px 20px;
}

.gdl_ready {
    color: green;
}



.gdil:hover {
    background-color: white !important;
}

.gdil:hover li:hover {
    background-color: rgba(102,102,102,0.25);
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.add_report {
    margin: 10px 0;
}

.add_report a {
    font-size: 12pt;
    text-decoration: none;
    color: #666666;
}

.add_report a:hover {
    color: #575757;
}

.goal_report {
    padding: 7px 3px;
}

.goal_report:hover .report_info {
    display: block;
}

.report_date, .report_info {
    position: absolute;
}

.report_date {
    border: 1px solid #575757;
    font-size: 9pt;
    color: #474747;
    padding: 2px 4px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: default;
    font-weight: bold;
}

.report_tags {
    margin-top: 20px;
    margin-bottom: 7px;
    font-family: Georgia,'Times New Roman',times,serif;
    text-align: right;
    padding: 0 10px;
}

.report_tags a {
    color: #999999;
    font-size: 10pt;
    text-decoration: none;
}

.report_tags a:hover {
    text-decoration: underline;
    color: #575757;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.report_info {
    display: none;
    right: 390px;
    padding: 3px !important;
    background-color: rgba(102,102,102,0.35);
    border: 0;
    border-radius: 3px
}

.report_info a {
    text-decoration: none;
}

.report_info_inner {
    position: relative;
    float: right;
    height: 15px;
    width: auto;
}

.report_info_views {
    width: 18px;
    height: 18px;
}

.report_name {
    text-align: center;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13pt;
}

.report_body {
    font-family: Georgia,'Times New Roman',times,serif;
    font-size: 11pt;
    color: #666666;
    font-style: normal;
    font-weight: normal;
    text-indent: 10px;
    padding: 5px;
}

.report_body p {
    margin: 3px 0;
}

.goal_media .mgs_c2 {
    padding: 0;
    width: 375px;
}

.goal_media_photo img {
     max-height: 117px;
    max-width: 117px;
}

.goal_media_photo .add_file_thumb {
    height: 117px;
    width: 117px;
    border: 0;
}

.goal_media_video {
    position: relative;
}

.gmph_string {
    width: 375px;
}

.gmph_inner {
    display: inline;
    width: 117px;
    height: 117px;
    padding: 0;
    margin: 0;
    border: 0;
    margin: 5px 3px;
}

.gmph_inner a {
    text-decoration: none;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 117px;
    height: 117px;
}

.gmph_inner img {
    max-height: 119px;
    max-width: 119px;
}

